@import url("https://fonts.googleapis.com/css?family=Noto+Sans+HK:400,500|Noto+Sans+JP:400,500|Noto+Sans+KR:400,500|Noto+Sans+SC:400,500|Noto+Sans+TC:400,500&display=swap&subset=chinese-hongkong,chinese-simplified,chinese-traditional,cyrillic,japanese,korean,vietnamese");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+HK:500,700,900|Noto+Serif+JP:500,700,900|Noto+Serif+KR:500,700,900|Noto+Serif+SC:500,700,900|Noto+Serif+TC:500,700,900&display=swap&subset=chinese-hongkong,chinese-simplified,chinese-traditional,cyrillic,japanese,korean,vietnamese");

/* 确保主体内容相对定位以正确定位悬浮侧边栏 */
#page-content {
    position: relative;
    margin-left: 5%;
    margin-top: 5%;
}

/* 侧边栏固定在右侧 */
#sidebar {
    position: fixed;
    top: 80px;
    /* 与页面顶部的距离，可以根据需要调整 */
    right: 20px;
    /* 与页面右侧的距离，可以根据需要调整 */
    width: 250px;
    /* 侧边栏的宽度，可以根据需要调整 */
    max-height: calc(100vh - 100px);
    /* 侧边栏的最大高度，确保不会超出页面 */
    overflow-y: auto;
    /* 允许侧边栏内容滚动 */
    background-color: #2c2f33;
    /* 侧边栏背景颜色 */
    padding: 20px;
    /* 内边距 */
    border-radius: 8px;
    /* 圆角 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* 阴影效果 */
}

/* 导航链接样式 */
#table-of-contents a {
    color: #ffffff;
    /* 链接颜色 */
    text-decoration: none;
    /* 移除下划线 */
    font-size: 14px;
    /* 字体大小 */
}

#table-of-contents a:hover {
    color: #1e90ff;
    /* 悬停时的链接颜色 */
}

/* 导航列表项样式 */
#table-of-contents li {
    margin-bottom: 10px;
    /* 每个项的下边距 */
}

/* 确保页面内容不会被侧边栏覆盖 */
.columns {
    margin-right: 270px;
    /* 留出侧边栏的空间 */
}